<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" layout:decorator="index">
<head>
<meta charset="UTF-8"/>
<title>Insert title here</title>

<!-- 引入 Bootstrap -->
   <link   href="../static/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet"></link>
     <!--springboot默认路径-->
   <link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet"></link>
<!--自己的样式-->
    <link href="location.css" rel="stylesheet"></link>
    <link href="../static/location.css" rel="stylesheet"></link>
   <!-- HTML5 Shiv 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
   <!-- 注意： 如果通过 file://  引入 Respond.js 文件，则该文件无法起效果 -->
   <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
   <![endif]-->
   <!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) -->
    <script src="https://code.jquery.com/jquery.js"></script>
    <!-- 包括所有已编译的插件 -->
    <script src="../../static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <!--springboot默认路径-->
    <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>

<script>
//checkbox 全选/取消全选
       var isCheckAll = false;
       function swapCheck() {
           if (isCheckAll) {
               $("input[type='checkbox']").each(function() {
                   this.checked = false;
               });
               isCheckAll = false;
           } else {
               $("input[type='checkbox']").each(function() {
                   this.checked = true;
               });
               isCheckAll = true;
           }
}
</script>








</head>
<body>
<div layout:fragment="content" class="content">

  <ol class="breadcrumb" th:each="funplace : ${funplace}">
  <li th:text="${funplace.name}"><a href="#" th:href="@{funplace.url}">系统管理</a></li>
  <li><a href="#" >用户管理</a></li>
  <li class="active" >用户添加</li>
</ol>
      <table class="table">

      <thead>
          <button id="fat-btn" class="btn btn-primary"  type="button"> 删除</button>
        <tr th:each="title : ${titles}">
          <th>
          <label class="checkbox-inline">
              <input type="checkbox" id="inlineCheckbox1" value="option1" onclick="swapCheck()"/> 全选
          </label>
          </th>
          <th th:text="${title}">真实姓名</th>
          <th>性别</th>
          <th>用户名</th>
          <th>职务</th>
          <th>部门</th>
          <th>角色</th>
          <th>操作</th>
        </tr>
      </thead>
      <tbody>
        <tr class="active">
          <th>
          <label class="checkbox-inline">
              <input type="checkbox"  value="小王"/>
          </label>
          </th>
          <td>小王</td>
          <td>小王</td>
          <td>小王</td>
          <td>小王</td>
          <td>小王</td>
          <td>小王</td>
          <td>查看</td>

        </tr>
        <tr class="success" th:each="userList : ${userList}">
          <th>
          <label class="checkbox-inline">
              <input type="checkbox" name="user"   th:value="${user.name}"  />
          </label>
          </th>
          <td th:text="${userList.truename}">小虎</td>
          <td th:text="${userList.sex}">小虎</td>
          <td th:text="${userList.username}">小虎</td>
          <td th:text="${userList.position}">小虎</td>
          <td th:text="${userList.dept}">  小虎</td>
          <td th:text="${userList.role}">  小虎</td>
          <td>查看</td>

        </tr>


      </tbody>



    </table>


      <div class="pagestyle">
        <ul class="pager">
        	<li><a href="#">上一页</a></li>
          <li><a href="#">当前 第<span>5</span>页/共<span>10</span>页</a></li>
        	<li><a href="#">下一页</a></li>
        </ul>
      </div>
</div>
</body>
</html>
